<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Playonline</title>

<link href="/newplayonline/style/css/bootstrapSpaceLab.css" rel="stylesheet">

	<link rel="stylesheet" type="text/css"
	href="/newplayonline/style/css/styles.css" />
</head>



<body ng-app="myApp" ng-controller="Usuario">

	<div ng-include src="'/newplayonline/page/menu.html'"></div>

	<div id="wrap">
		<div id="main" class="container clear-top">
			<div class="row">
				<div class="panel panel-primary">
				  <div class="panel-heading">
				    <h3 class="panel-title">Cadastro de Usuário</h3>
				  </div>
				  <div class="panel-body">
				  	<form class="form-horizontal" name="myForm" ng-show="mostraForm">

						<div class="form-group">
							<label for="inputNome" class="control-label col-xs-2">Nome</label>
							<div class="col-xs-6">
								<input id="inputNome" ng-model="nome" class="form-control" ng-required="true">
							</div>
						</div>
						<div class="form-group">
							<label for="inputCPF" class="control-label col-xs-2">CPF</label>
							<div class="col-xs-6">
								<input id="inputCPF" type="text" ng-model="cpf" class="form-control" ng-cpf ui-mask="999.999.999-99" >
							</div>
						</div>
						<div class="form-group">
							<label for="inputDTNascimento" class="control-label col-xs-2">Data
								de Nascimento</label>
							<div class="col-xs-6">
								<input id="inputDTNascimento" ng-model="dtNascimento" ui-mask="99/99/9999"
									class="form-control" ng-required="true">
							</div>
						</div>

						<div class="form-group">
							<label for="inputSexo" class="control-label col-xs-2">Sexo</label>
							<div class="col-md-6">
								<label class="radio-inline" for="inputSexo"> <input
									type="radio" name="sexo" id="sexo-0" value="1" ng-model="sexo" ng-required="true">Masculino
								</label> <label class="radio-inline" for="sexo-1"> <input
									type="radio" name="sexo" id="sexo-1" value="2" ng-model="sexo" ng-required="true">
									Feminino
								</label>
							</div>
						</div>

						<div class="form-group">
							<label for="inputEmail" class="control-label col-xs-2">Email</label>
							<div class="col-xs-6">
								<input type="email" id="inputEmail" ng-model="email" class="form-control" ng-required="true">
							</div>
						</div>

						<div class="form-group">
							<label for="inputEmailConfirma" class="control-label col-xs-2">Confime
								Email</label>
							<div class="col-xs-6">
								<input type="email" id="inputEmailConfirma" ng-model="confirmEmail"
									class="form-control" name="confirmEmail" placeholder="Confime seu Email" 
									ui-validate=" '$value==email' "
									ui-validate-watch=" 'email' " ng-required="true">
							</div>
						</div>

						<div class="form-group">
							<label for="inputSenha" class="control-label col-xs-2">Senha</label>
							<div class="col-xs-6">
								<input  id="inputSenha" ng-model="senha" name="senha" type="password"
									class="form-control" ng-minlength="6" ng-required="true">
							</div>
						</div>

						<div class="form-group">
							<label for="inputSenhaConfirma" class="control-label col-xs-2">Confirme
								senha</label>
							<div class="col-xs-6">
								<input id="inputSenhaConfirma" name="confirmSenha" ng-model="confirmSenha"
									type="password" class="form-control"
									placeholder="Confirme senha"
									ui-validate=" '$value==senha' "
									ui-validate-watch=" 'senha' " ng-required="true">
							</div>
						</div>

						<legend>Dados para contato</legend>

						<div class="form-group">
							<label for="inputCelular" class="control-label col-xs-2">Celular</label>
							<div class="col-xs-6">
								<input id="inputCelular" ng-model="celular" class="form-control"
								ui-mask="(99)9999-9999?9" ng-required="true">
							</div>
						</div>

						<div class="form-group">
							<label for="inputTelefoneResidencial"
								class="control-label col-xs-2">Telefone residêncial</label>
							<div class="col-xs-6">
								<input id="inputTelefoneResidencial" ng-model="residencial"
									class="form-control" ui-mask="(99)9999-9999?9" ng-required="true">
							</div>
						</div>

						<div class="form-group">
							<label for="inputTelefoneContato" class="control-label col-xs-2">Telefone
								contato</label>
							<div class="col-xs-6">
								<input id="inputTelefoneContato" ng-model="telContato"
									class="form-control" ui-mask="(99)9999-9999?9">
							</div>
						</div>

						<div class="form-group">
							<label for="inputNomeContato" class="control-label col-xs-2">Nome
								do contato</label>
							<div class="col-xs-6">
								<input id="inputNomeContato" ng-model="nomeContato"
									class="form-control" placeholder="Nome do seu contato">
							</div>
						</div>

						<div class="form-group">
							<label for="inputCEP" class="control-label col-xs-2">CEP</label>
							<div class="col-xs-6">
								<input id="inputCEP" ng-model="cep" class="form-control" ui-mask="99999-999">
							</div>
						</div>

						<!-- Select Basic -->
						<div class="form-group">
							<label for="inputEstado" class="control-label col-xs-2">Estado</label>
							<div class="col-md-6">
								<select id="estado" ng-model="estado" ng-required="true" name="estado"
									class="form-control">
									<option value="-1">Selecione Estado</option>
									<option value="1">Minas gerais</option>
									<option value="2">Goiania</option>
									<option value="3">São Paulo</option>
								</select>
							</div>
						</div>

						<div class="form-group">
							<label for="inputCidade" class="control-label col-xs-2">Cidade</label>
							<div class="col-xs-6">
								<input id="inputCidade" ng-model="cidade" class="form-control" ng-required="true">
							</div>
						</div>

						<div class="form-group">
							<div class="col-xs-offset-2 col-xs-10">
								<button type="button" ng-disabled="myForm.$invalid" class="btn btn-primary"
									ng-click="eviarNovoUsuario();">Enviar</button>
							</div>
						</div>
					</form>
				  </div>
			  	</div>
			</div>
		</div>
	</div>

	<!--Criar Pagefooter  -->
	<div ng-include src="'/newplayonline/page/footer.html'"></div>

	<!-- PARA FAZER MASCARA FUNCIONAR ANGULAR JS/	-->
	<script src="/newplayonline/javascript/recursos/jquery-1.2.6.pack.js"></script>
	<script
		src="/newplayonline/javascript/recursos/jquery.maskedinput-1.1.4.pack.js"></script>

	<script type="text/javascript"
		src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.js"></script>

	<script type="text/javascript"
		src="/newplayonline/javascript/control/angular-route.js"></script>

		<script type="text/javascript" src="/newplayonline/javascript/recursos/ui-utils.js" ></script>
	<script src="/newplayonline/javascript/recursos/cpf.js"></script>
	<script src="/newplayonline/javascript/recursos/cnpj.js"></script>
	<script src="/newplayonline/javascript/recursos/ngCpfCnpj.js"></script>

	<script type="text/javascript"
		src="/newplayonline/javascript/control/usuario.js"></script>



</body>

</html>